<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head >
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title></title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" href="../../static/css/bootstrap.min.css" /> 
	<link rel="stylesheet" href="../../static/css/plugins/toastr/toastr.min.css"/>
	<!-- http://www.bootdo.com/css/plugins/bootstrap-table/bootstrap-table.min.css -->
	<link rel="stylesheet" href="../../static/css/plugins/jsTree/style.min.css" />
	<link rel="stylesheet" href="../../static/css/animate.css" />
	<link rel="stylesheet" href="../../static/css/font-awesome.css" />
	<link rel="stylesheet" href="../../static/css/style.css" />
	<link rel="stylesheet" href="../../static/css/plugins/iCheck/custom.css" />
	<link rel="stylesheet" href="../../static/css/plugins/cropper/cropper.css" />
	<link rel="stylesheet" href="../../static/js/plugins/layer/laydate/skins/default/laydate.css" />
	<link rel="stylesheet" href="../../static/css/gg-bootdo.css" />
</head>
<body>
	<input type="hidden" id="ciIdInput"/>
	<ul id="myTab" class="nav nav-tabs m-t">
		<li class="active"><a href="#home" data-toggle="tab">基础信息</a></li>
		<li><a href="#categoryTab" data-toggle="tab">分类属性</a></li>
		<li><a href="#relationTab" data-toggle="tab">关联配置项</a></li>
		<li><a href="#supplierTab" data-toggle="tab">供货商信息</a></li>
	</ul>
	<div id="myTabContent" class="tab-content">
		<div class="tab-pane fade in active" id="home">
			<form class="form-horizontal m-t" id="firstForm">
				<div class="form-group col-sm-6">
					<label class="col-sm-3 control-label">所属项目：</label>
					<div class="col-sm-8">
						<input id="projectId" name="projectId" class="hidden"> 
						<input id="projectName" name="projectName" class="form-control" type="text"	disabled="disabled">
					</div>
				</div>
				<div class="form-group col-sm-6">
					<label class="col-sm-3 control-label">所属区域：</label>
					<div class="col-sm-8">
						<input id="areaId" name="areaId" class="hidden"> 
						<input id="areaName" name="areaName" class="form-control" type="text" disabled="disabled">
					</div>
				</div>
				<div class="form-group col-sm-6">
					<label class="col-sm-3 control-label">所属分类：</label>
					<div class="col-sm-8">
						<input id="categoryId" name="categoryId" class="hidden"> <input
							id="categoryName" name="categoryName" class="form-control" type="text" disabled="disabled">
					</div>
				</div>
				<div class="form-group col-sm-6">
					<label class="col-sm-3 control-label">名称：</label>
					<div class="col-sm-8">
						<input id="name" name="name" class="form-control" type="text" disabled="disabled">
					</div>
				</div>
				<div class="form-group col-sm-6">
					<label class="col-sm-3 control-label">编号：</label>
					<div class="col-sm-8">
						<input id="code" name="code" class="form-control" type="text" disabled="disabled">
					</div>
				</div>
				<div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">产品型号：</label>
                    <div class="col-sm-8">
                        <input id="modelNumber" name="modelNumber" class="form-control" type="text" disabled="disabled">
                    </div>
                    </div>
				<div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">产品序列号：</label>
                    <div class="col-sm-8">
                        <input id="serialNumber" name="serialNumber" class="form-control" type="text" disabled="disabled">
                    </div>
                </div>
				<div class="form-group col-sm-6">
					<label class="col-sm-3 control-label">SLA等级：</label>
					<div class="col-sm-8">
						<input id="slaId" name="slaId" class="hidden"> 
						<input id="slaName" name="slaName" class="form-control" type="text" disabled="disabled">
					</div>
				</div>
				<div class="form-group col-sm-6">
                          <label class="col-sm-3 control-label">可用性：</label>
                          <div class="col-sm-8">
                              <select id="usability" name="usability" class="form-control" disabled="disabled">
                              	<option value="1">可用</option>
                              	<option value="0">不可用</option>
                              </select>
                          </div>
                      </div>
				<div class="form-group col-sm-6">
                          <label class="col-sm-3 control-label">资产/备件：</label>
                          <div class="col-sm-8">
                              <select id="usability" name="usability" class="form-control" disabled="disabled">
                              	<option value="1">资产</option>
                              	<option value="0">备件</option>
                              </select>
                          </div>
                      </div>
				<div class="form-group col-sm-6">
                          <label class="col-sm-3 control-label">状态：</label>
                          <div class="col-sm-8">
                              <select id="status" name="status" class="form-control" disabled="disabled">
                              </select>
                          </div>
                      </div>
				<div class="form-group col-sm-6">
                          <label class="col-sm-3 control-label">等待状态：</label>
                          <div class="col-sm-8">
                              <select id="waitFlag" name="waitFlag" class="form-control" disabled="disabled">
                              	<option value="1">已出入库</option>
                              	<option value="0">待出入库</option>
                              </select>
                          </div>
                      </div>
				<div class="form-group col-sm-6">
					<label class="col-sm-3 control-label">配置管理员：</label>
					<div class="col-sm-8">
						<input id="adminId" name="adminId" class="hidden"> 
						<input id="adminName" name="adminName" class="form-control" type="text" disabled="disabled">
					</div>
				</div>
				<div class="form-group col-sm-6">
                    <label class="col-sm-3 control-label">是否废弃：</label>
                    <div class="col-sm-8">
                        <select id="abandonFlag" name="abandonFlag" class="form-control" disabled="disabled">
                        	<option value="0">不废弃</option>
                        	<option value="1">已废弃</option>
                        </select>
                    </div>
                </div>
				<div class="clearfix"></div>
			</form>
		</div>
		<div class="tab-pane fade" id="categoryTab">
			<form class="form-horizontal m-t" id="secondForm">
				<div class="col-sm-12" id="categorystep"></div>
			</form>
		</div>
		<div class="tab-pane fade" id="relationTab">
			<table id="relationTable" class="m-l m-r" data-mobile-responsive="true"></table>
		</div>
		<div class="tab-pane fade" id="workListTab">
			TODO 待工单功能模块完成后实现
		</div>
		<div class="tab-pane fade" id="voucherTab">
			TODO 待出入库单功能模块完成后实现
		</div>
		<div class="tab-pane fade" id="versionTab">
			<table id="versionTable" class="m-l m-r" data-mobile-responsive="true"></table>
		</div>
		<div class="tab-pane fade" id="auditTab">
			<table id="auditTable" class="m-l m-r" data-mobile-responsive="true"></table>
		</div>
		<div class="tab-pane fade" id="supplierTab">
			<table id="supplierTable" class="m-l m-r" data-mobile-responsive="true"></table>
		</div>
	</div>
	<!-- <div th:include="include :: footer"></div> -->
	<script src="../../static/js/public.js"></script>
 	<script src="../../static/js/jquery.min.js?v=2.1.4"></script>
	<script src="../../static/js/bootstrap.min.js?v=3.3.6"></script>
	<script src="../../static/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="../../static/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
	<script src="../../static/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	<script src="../../static/js/plugins/validate/jquery.validate.min.js"></script>
	<script src="../../static/js/plugins/validate/messages_zh.min.js"></script>
	<script src="../../static/js/plugins/jsTree/jstree.min.js"></script>
	<script src="../../static/js/plugins/jqTreeGrid/jquery.treegrid.min.js"></script>
	<script src="../../static/js/plugins/jqTreeGrid/jquery.treegrid.extension.js"></script>
	<script src="../../static/js/plugins/jqTreeGrid/jquery.treegrid.bootstrap3.js"></script>
	<script src="../../static/js/plugins/chosen/chosen.jquery.js"></script>
	<script src="../../static/js/plugins/layer/layer.js"></script>
	<script src="../../static/js/plugins/layer/laydate/laydate.js"></script>
	<script src="../../static/js/content.js?v=1.0.0"></script>
	<!-- summernote -->
	<script src="../../static/js/plugins/summernote/summernote.js"></script>
	<script src="../../static/js/plugins/summernote/summernote-zh-CN.min.js"></script>
	<script src="../../static/js/ajax-util.js"></script>
	<script type="text/javascript" src="../../static/js/plugins/json2form/json2form.js"></script>
	<script type="text/javascript" src="../../static/js/appjs/cim/auditDetail.js"></script>
	<script type="text/javascript" src="../../static/js/appjs/common/util/popwin.js"></script>
	<script type="text/javascript" src="../../static/js/appjs/cim/addCategory.js"></script>
	<script type="text/javascript">
	</script>
<div id="module_sample_id" style="display: none;">
    <div>
        <div class="buonip">
            <span class="xlop">
                <input type="hidden" name="columnCount">
                <div name="nameSpan" style="display: inline;"></div>
            </span>
        </div>
        <div>
            <table class="table" name="attrTable">
            </table>
        </div>
    </div>
</div>
	
<div id="text_sample_div" style="display: none">
    <table>
        <tr>
            <td style="text-align:right" class="typename" name="labelTD">
                <div name="attrLabel" style="display: inline;"></div>：
            </td>
            <td class="filed-ipt" name="domTD">
                <div class="form-inline">
                    <input type="text" class="form-control" name="attr" disabled="disabled">
                </div>
            </td>
        </tr>
    </table>
</div>
<div id="datetime_sample_div" style="display: none">
    <table>
        <tr>
            <td style="text-align:right" class="typename" name="labelTD">
                <div name="attrLabel" style="display: inline;"></div>：
            </td>
            <td class="filed-ipt" name="domTD">
                <div class="form-inline">
                    <input type="text" class="form-control" readonly name="attr" disabled="disabled">
                </div>
            </td>
        </tr>
    </table>
</div>
<div id="rpopwin_sample_div" style="display: none">
    <table>
        <tr>
            <td style="text-align:right" class="typename" name="labelTD">
                <div name="attrLabel" style="display: inline;"></div>：
            </td>
            <td class="filed-ipt" name="domTD">
                <div class="form-inline">
                    <input type="hidden" class="dom-flag" name="attrId">
                    <input type="text" class="form-control" readonly  name="attr" disabled="disabled">
                </div>
            </td>
        </tr>
    </table>
</div>
<div id="textarea_sample_div" style="display: none">
    <table>
        <tr>
            <td style="text-align:right" class="typename" name="labelTD">
                <div name="attrLabel" style="display: inline;"></div>：
            </td>
            <td colspan="3" class="filed-ipt textarea" name="domTD">
                <div class="form-inline textarea">
                    <textarea rows="3" style="width:95%" disabled="disabled"></textarea>
                </div>
            </td>
        </tr>
    </table>
</div>
<div id="select_sample_div" style="display: none">
    <table>
        <tr>
            <td style="text-align:right" class="typename" name="labelTD">
                <div name="attrLabel" style="display: inline;"></div>：
            </td>
            <td class="filed-ipt" name="domTD">
                <div class="form-inline">
                    <select name="attr" disabled="disabled">
                    </select>
                </div>
            </td>
        </tr>
    </table>
</div>
</body>
</html>
